#orderDetail{
    width: 100%;
    padding-bottom: 1.2rem;
    background: #f6f6f6;
    overflow: auto;
    #orderDetail-header{
        background: #fff;
        font: .34rem/1rem "microsoft yahei";
        text-align: center;
    }
    .status{
        height: 1.8rem;
        width: 100%;
        background: url("https://khh-server.oss-cn-beijing.aliyuncs.com/resourse/IMG/static/order_details.png") no-repeat center center;
        background-size: cover;
        div{
            padding-top: .5rem;
            margin-left: .8rem;
            p:nth-of-type(1){
                font: .32rem/0.5rem "microsoft yahei";
                color: #fff;
            }
            p:nth-of-type(2){
                font: .26rem/0.5rem "microsoft yahei";
                color: #fff;
            }
        }
    }
    .waitShare{
        width: 100%;
        background: #fff;
        overflow: hidden;
        margin-bottom: .2rem;
        p{
            margin-left: .32rem;
            display: flex;
            flex-direction: row;
            align-items: center;
            font-size: .28rem;
            margin-bottom: .3rem;
            margin-top: .3rem;
            img{
                width: .36rem;
                height: .36rem;
            }
            span{
                margin-left: .32rem;
            }
        }
        div{
            overflow: hidden;
            display: flex;
            .changeImg{
                width: .74rem;
                height: .74rem;
                position: absolute;
                left: .24rem;
            }
            div:nth-of-type(1){
                width: 70%;
                margin-left: .24rem;
                margin-bottom: .3rem;
                img{
                    width: .74rem;
                    height: .74rem;
                    border-radius: 50%;
                    margin-right: .14rem;
                }
            }
            div:nth-of-type(2){
                button{
                    width: 1.8rem;
                    height: .54rem;
                    border-radius: .27rem;
                    font-size: .26rem;
                    color: #9948c3;
                    text-align: center;
                    line-height: .54rem;
                    background: #fff;
                    border: 1px solid #9948c3;
                }
            }
        }
    }
    .userInfos{
        border-bottom:1px solid #e6e6e6;
    }
    .userInfo,.userInfos{
        position: relative;
        width: 100%;
        background: #fff;
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: .3rem 0;
        p{
            width:5.5rem;
        }
        div{
            margin-left: .32rem;
            img{
                width: .36rem;
                height: .36rem;
                display: block;
            }
        }
        div:nth-of-type(2){
            p:nth-of-type(1){
                color: #323232;
                font: .28rem/.5rem "microsoft yahei";
            }
            p:nth-of-type(2){
                color: #646464;
                font: .24rem/.5rem "microsoft yahei";
            }
        }
        div:nth-of-type(3){
                margin-right: .24rem;
                margin-top: -0.5rem;
                button{
                    width: .8rem;
                    height: .42rem;
                    border-radius: .24rem;
                    font-size: .22rem;
                    color: #9948c3;
                    text-align: center;
                    line-height: .42rem;
                    background: #fff;
                    border: 1px solid #9948c3;
                    position: absolute;
                    right: .24rem;
                }
        }
    }
    .orderInfo{
        width: 100%;
        background: #fff;

        .two{
            width: 100%;
            .contest{
                width:100%;

                .left{
                    margin-left:.24rem;
                    .text{
                        font-size: .28rem;
                        color: #323232;
                        display: flex;
                        align-items: center;
                    }
                }
            }
            .cutDetail{
                width:100%;
                overflow: hidden;
                border-top:1px solid #e6e6e6;
                background: #fff;
                .photo{
                    float: left;
                    width: 1.5rem;
                    height: 1.5rem;
                    overflow: hidden;
                    margin: .2rem .26rem .2rem .24rem;
                    img{
                        width:1.5rem;
                        height:1.5rem;
                    }
                }
                .cut-right{
                    float:left;
                    width:5.24rem;
                    margin-top:.28rem;
                    .one{
                        font-size:.24rem;
                        color:#323232;
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 2;
                        overflow: hidden;
                    }
                    .two{
                        font-size:.22rem;
                        color:#646464;
                        margin-top: .14rem;
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                    }
                    .three{
                        color:#323232;
                        font-size:.22rem;
                    }
                }
            }
            .newAdds{
                font-size: .28rem;
                color: #646464;
                height: .54rem;
                border: 1px solid #646464;
                border-radius: .27rem;
                background: #fff;
                padding: 0 .24rem;
                float: right;
                margin-top: .24rem;
                margin-right: .24rem;
                margin-bottom: .2rem;
            }
             .cut-btn{
                 border-top:1px solid #e6e6e6;
                 width:100%;
                 overflow: hidden;
                 position: relative;
                 img{
                     width:1.1rem;
                     height:1.5rem;
                     position:fixed;
                     right:.3rem;
                     top: 65%;
                 }
                 .number{
                     border-bottom: 1px solid #e6e6e6;
                     padding-bottom: .24rem;
                     overflow: hidden;
                     width: 96.5%;
                     float: right;
                     .borB{
                         border-bottom: 1px solid #e6e6e6;
                         padding-bottom: .24rem;
                     }
                     .numB{
                         margin: 0 auto;
                         display: flex;
                         padding-top: .24rem;
                         justify-content: space-between;
                         .right{
                             color:#969696;
                             font-size:.24rem;
                             margin-right: .24rem;
                         }
                         .left{
                             color:#323232;
                             font-size:.24rem;
                         }
                     }
                 }
                 .allMoney{
                     font-size: .24rem;
                     color: #323232;
                     margin-right: .24rem;
                     padding: .2rem 0;
                     display: flex;
                     justify-content: flex-end;
                     clear: both;
                 }
             }
        }
    }
    .btn{
        position: fixed;
        bottom: 0;
        width: 100%;
        background: white;
        border-top: 1px solid #e6e6e6;
        div{
            float:right;
            padding-right: .24rem;
            padding: .24rem;
           button{
                font-size:.28rem;
                color:#646464;
                width:1.56rem;
                height:.54rem;
                border:1px solid #646464;
                border-radius:.27rem;
                background:white;
                float: left;
                margin-left: .12rem;
            }
            button:nth-last-child(1){
                color:#9948c3;
                border:1px solid #9948c3;
            }
        }
    }
    .message{
        display: flex;
        justify-content: space-between;
        background: white;
        padding: .24rem 0;
        border-top: 1px solid #e6e6e6;
        align-items: center;
        .m-left{
            li{
                font-size:.28rem;
                color:#323232;
                float: left;
               
                img{
                    width:.4rem;
                    height:.4rem;
                    margin-left:.32rem;
                }
            }
        }
        img{
            width:.14rem;
            height:.36rem;
            margin-right: .24rem;
          
        }
    }
    .num{
        padding: .15rem 0;
        background: white;
        border-top: 1px solid #e6e6e6;
        overflow: hidden;
        ul{

            margin-left: .24rem;
            li{
                font-size:.22rem;
                color:#646464;
                line-height: .45rem;
            }
        }
        button{
            float:right;
            width:.8rem;
            height:.42rem;
            border-radius:.22rem;
            background:white;
            border:1px solid #646464;
            margin-right: .24rem;
            font-size:.22rem;
            color:#646464;
        }
    }
    .opaction{
        background:rgba(0,0,0,.84);
        position: absolute;
        top:0;
        width:100%;
        height:100%;
    }
    .contests{
        width: 6rem;
        background: white;
        position: fixed;
        top: 25%;
        border-radius: .24rem;
        left: 10%;
        z-index: 9999;
        .top{
            font-size:.28rem;
            color:#323232;
            padding: .7rem 0;
            text-align: center;
            p{
                text-align: center;
                span{
                    color:#9948c3;
                }
            }
        }
        .opacul{
            display: flex;
            justify-content: space-between;
            border-top:1px solid #e6e6e6;
            li{
                padding:.32rem 0;
            }
            .opback{
                width: 50%;
                font-size:.3rem;
                color:#646464;
                text-align: center;
                border-right: 1px solid #e6e6e6;
            }
            .opsure{
                width: 50%;
                font-size:.3rem;
                color:#323232;
                text-align: center;
            }
        }
    }
    .place {
        background: url("https://khh-server.oss-cn-beijing.aliyuncs.com/resourse/IMG/static/newOrder/star_three.png");
        background-size: 100% 100%;
        width: 5.2rem;
        height: .94rem;
        position: absolute;
        top: 14%;
        left: 15%;
        text-align: center;
        z-index: 999;
        p {
            font-size: .3rem;
            color: #ffffff;
            span {
                color: #9948c3;
            }
        }
    }
    .success{
        height:5rem;
        width:5.4rem;
        position: absolute;
        top: 12%;
        left:14%;
        border-radius:.2rem;
        background:white;
        p{
            text-align: center;
            line-height: .72rem;
        }
        .sone{
            font-size:.34rem;
            font-weight:bold;
            color:#323232;
            padding-top:.66rem;
        }
        .stwo{
            font-size:.26rem;
            color:#646464;
        }
        .sul{
            .agare{
                width:2.2rem;
                height:.8rem;
                border-radius:.4rem;
                background:#fc635e;
                font-size:.28rem;
                color:#ffffff;
                text-align:center;
                line-height:.8rem;
                margin: 0 auto;
                margin-top: .5rem;
            }
            .home{
                width:2.2rem;
                height:.8rem;
                border-radius:.4rem;
                background:#ffc63b;
                font-size:.28rem;
                color:#ffffff;
                text-align:center;
                line-height:.8rem;
                margin: 0 auto;
                margin-top: .4rem;
            }
        }
    }
    .contexts{
        width:6rem;
        height:6.1rem;
        background:url("https://khh-server.oss-cn-beijing.aliyuncs.com/resourse/IMG/static/newOrder/redenvelope_c.png");
        background-size:100% 100%;
        text-align: center;
        position: fixed;
        top:9%;
        left: 10%;
        .icon{
            width:1rem;
            height:1rem;
            border-radius:50%;
            margin:0 auto;
            margin-top:1.22rem;
        }
        .item{
            font-size:.36rem;
            color:#fdee55;
        }
        p{
            font-size:.28rem;
            color:#fdee55;
        }
        .btns{
            width:3.58rem;
            height:.8rem;
            border-radius:.2rem;
            background:#ffd71d;
            color:#e83c39;
            font-weight: bold;
        }
    }
    .handleNum{
        background:url("https://khh-server.oss-cn-beijing.aliyuncs.com/resourse/IMG/static/newOrder/star_three.png");
        background-size:100% 100%;
        width:5.2rem;
        height:.94rem;
        position: fixed;
        top:12%;
        left: 15%;
        text-align:center;
        p{
            font-size:.3rem;
            color:#ffffff;
            span{
                color:#9948c3;
            }
        }
    }
    .arrow{
        img{
            width: 1.68rem;
            height: 1.9rem;
            position: fixed;
            right: .34rem;
            top: 0;
            z-index: 99;
        }
    }
    .styleX{
        img{
            position: fixed;
            top: 72%;
            left: 45%;
            width: 0.65rem;
            height: 0.65rem;
            z-index: 99999999;
        }
    }
    .context{
        width: 6rem;
        height: 2rem;
        z-index: 1000;
        position: fixed;
        background: white;
        top: 25%;
        left: 10%;
        p{
            font-size:.3rem;
            text-align:center;
            margin-top: .85rem;
        }
    }
}
